<script lang="ts" setup>
import type {DropdownMenuProps} from '@/components/common/shadcn';

import {ChevronDown} from '@/plugins/iconify/core';
import {JcxDropdownMenu} from '@/components/common/shadcn';

defineProps<DropdownMenuProps>();
</script>

<template>
  <JcxDropdownMenu :menus="menus" :modal="false">
    <div
        class="flex-center hover:bg-muted hover:text-foreground text-muted-foreground border-border h-full cursor-pointer border-l px-2 text-lg font-semibold"
    >
      <ChevronDown class="size-4"/>
    </div>
  </JcxDropdownMenu>
</template>
